<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">
	<h:form prependId="false">
		<p:tabView>
			<p:tab id="tabPrincipal" title="Principal">
				<h:panelGrid id="campos">
					<h:panelGrid columns="4">
						<h:outputLabel value="Código:" />
						<p:inputText disabled="true" size="8"
							value="#{entidadeMB.entidadeSelecionada.idEntidade}" />
						<h:outputLabel value="Ativo:" />
						<p:selectBooleanCheckbox disabled="#{entidadeMB.viewState.enable}"
							value="#{entidadeMB.entidadeSelecionada.ativo}" />
					</h:panelGrid>
					<h:panelGrid columns="2">
						<h:outputLabel value="Nome:" />
						<p:inputText style="width: 520px"
							disabled="#{entidadeMB.viewState.enable}"
							value="#{entidadeMB.entidadeSelecionada.nomeEntidade}" />
					</h:panelGrid>
					<h:panelGrid id="segundaLinha" columns="4">
						<h:outputLabel value="Tipo Pessoa:" />
						<p:selectOneMenu style="width: 80px"
							disabled="#{entidadeMB.viewState.enable}"
							valueChangeListener="#{entidadeMB.atualiza}"
							value="#{entidadeMB.entidadeSelecionada.tipoPessoa}">
							<f:selectItems value="#{entidadeMB.comboTiposPessoa}" />
							<p:ajax update="detalhesFisicaJuridica" global="false"
								listener="#{entidadeMB.atualiza}" />
						</p:selectOneMenu>
						<h:outputLabel value="Fantasia:" />
						<p:inputText style="width: 345px"
							disabled="#{entidadeMB.viewState.enable}"
							value="#{entidadeMB.entidadeSelecionada.nomeFantasia}" />
					</h:panelGrid>
					<h:panelGrid columns="8" id="detalhesFisicaJuridica">
						<h:outputLabel value="#{entidadeMB.cpfCnpj}" />
						<p:inputMask size="18" mask="#{entidadeMB.maskCpfCnpj}"
							value="#{entidadeMB.entidadeSelecionada.cpfCnpj}"
							disabled="#{entidadeMB.viewState.enable}" />
						<h:outputLabel value="#{entidadeMB.rgIe}" />
						<p:inputText size="9"
							value="#{entidadeMB.entidadeSelecionada.rgIe}"
							disabled="#{entidadeMB.viewState.enable}" />
						<h:outputLabel value="Orgão emissor:"
							rendered="#{entidadeMB.bTipoFisico}" />
						<p:inputText size="8"
							value="#{entidadeMB.entidadeSelecionada.orgaoEmissor}"
							disabled="#{entidadeMB.viewState.enable}"
							rendered="#{entidadeMB.bTipoFisico}" />
						<h:outputLabel value="Sexo:" rendered="#{entidadeMB.bTipoFisico}" />
						<p:selectOneMenu id="sexo"
							value="#{entidadeMB.entidadeSelecionada.sexo}"
							disabled="#{entidadeMB.viewState.enable}"
							rendered="#{entidadeMB.bTipoFisico}">
							<f:selectItems value="#{entidadeMB.comboSexo}" />
						</p:selectOneMenu>
						<h:outputLabel value="#{entidadeMB.dataNascFundacao}" />
						<p:calendar locale="pt_BR" pattern="dd/MM/yyyy"
							id="dataNascimento" size="10"
							value="#{entidadeMB.entidadeSelecionada.dataNascimento}"
							disabled="#{entidadeMB.viewState.enable}" />
					</h:panelGrid>
					<h:panelGrid id="combos" columns="4">
						<h:outputLabel value="Tipo Entidade:" />
						<p:selectOneMenu style="width: 230px"
							disabled="#{entidadeMB.viewState.enable}"
							value="#{entidadeMB.entidadeSelecionada.tipoEntidade.idTipoEntidade}">
							<f:selectItems value="#{entidadeMB.comboTiposEntidade}" />
						</p:selectOneMenu>
						<h:outputLabel value="Atividade:" />
						<p:selectOneMenu style="width: 190px"
							disabled="#{entidadeMB.viewState.enable}"
							value="#{entidadeMB.entidadeSelecionada.atividade.idAtividade}">
							<f:selectItems value="#{entidadeMB.comboAtividades}" />
						</p:selectOneMenu>
						<h:outputLabel value="Consultor:" />
						<p:selectOneMenu disabled="#{entidadeMB.viewState.enable}"
							value="#{entidadeMB.entidadeSelecionada.consultor.idUsuario}">
							<f:selectItems value="#{entidadeMB.comboConsultores}" />
						</p:selectOneMenu>
					</h:panelGrid>
					<h:panelGrid columns="2">
						<h:outputLabel value="Observações:" />
						<p:inputTextarea rows="3" style="width: 420px"
							disabled="#{entidadeMB.viewState.enable}"
							value="#{entidadeMB.entidadeSelecionada.observacao}" />
					</h:panelGrid>
					<h:panelGrid columns="4">
						<h:outputLabel value="E-mail:" />
						<p:inputText size="35" disabled="#{entidadeMB.viewState.enable}"
							value="#{entidadeMB.entidadeSelecionada.email}" />
						<h:outputLabel value="Web Site:" />
						<p:inputText size="34" disabled="#{entidadeMB.viewState.enable}"
							value="#{entidadeMB.entidadeSelecionada.website}" />
					</h:panelGrid>
					<h:panelGrid columns="4">
						<h:outputLabel value="Data da ultima alteração:" />
						<h:outputText
							value="#{entidadeMB.entidadeSelecionada.dataAlteracao}">
							<f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss" />
						</h:outputText>
						<h:outputLabel value="Data de inclusão:" />
						<h:outputText
							value="#{entidadeMB.entidadeSelecionada.dataInclusao}">
							<f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss" />
						</h:outputText>
					</h:panelGrid>
				</h:panelGrid>

				<h:panelGrid id="comandos" columns="6">
					<p:commandButton id="cmdAdicionar" image="cmdAdicionar"
						disabled="#{entidadeMB.viewState.cmdAdicionarDisable}"
						value="Adicionar" update="comandos,campos"
						action="#{entidadeMB.novo}" />
					<p:commandButton id="cmdAlterar" value="Alterar" image="cmdAlterar"
						disabled="#{entidadeMB.viewState.cmdAlterarDisable}"
						update="comandos,campos" action="#{entidadeMB.alterar}" />
					<p:commandButton id="cmdGravar" value="Gravar" image="cmdGravar"
						disabled="#{entidadeMB.viewState.cmdGravarDisable}"
						update="lista,comandos,campos,msgs"
						actionListener="#{entidadeMB.salvar}" />
					<p:commandButton id="cmdExcluir" value="Excluir" image="cmdExcluir"
						disabled="#{entidadeMB.viewState.cmdExcluirdDisable}"
						update="lista,comandos,campos,msgs"
						actionListener="#{entidadeMB.excluir}"
						onclick="if(!confirm('Deseja realmente remover esta entidade?')) {return false;}" />
					<p:commandButton value="Fechar" image="cmdFechar" global="false"
						onclick="manterEntidadeDialog.hide();" />
				</h:panelGrid>

			</p:tab>
			<p:tab title="Telefones">
				<h:panelGrid id="listaTelefones">
					<p:dataTable id="lstTelefones" var="telefone"
						value="#{entidadeMB.listaTelefones}" scrollable="true"
						scrollWidth="390" selectionMode="single" scrollHeight="110">

						<p:ajax event="rowSelect"
							listener="#{entidadeMB.onRowSelectTelefone}"
							update="telefoneCampos,acoesTel" />

						<p:column headerText="Código" style="width: 40px">
							<h:outputText value="#{telefone.idTelefone}" />
						</p:column>

						<p:column headerText="DDD" style="width: 15px">
							<h:outputText value="#{telefone.ddd}" />
						</p:column>

						<p:column filterBy="#{telefone.telefone}" headerText="Telefone"
							style="width: 100px">
							<h:outputText value="#{telefone.telefone}" />
						</p:column>

						<p:column filterBy="#{telefone.tipoTelefone.nomeTipoTelefone}"
							headerText="Tipo Telefone" style="width: 100px">
							<h:outputText value="#{telefone.tipoTelefone.nomeTipoTelefone}" />
						</p:column>

						<p:column headerText="Ativo" style="width: 25px">
							<p:selectBooleanCheckbox disabled="true"
								value="#{telefone.ativo}" />
						</p:column>
					</p:dataTable>
				</h:panelGrid>
				<p:outputPanel id="telefoneCampos" autoUpdate="true">
					<h:panelGrid columns="6">
						<h:panelGrid>
							<h:outputLabel value="DDD:" />
							<p:inputMask mask="99" style="width: 30px;"
								disabled="#{entidadeMB.viewState1.enable}"
								value="#{entidadeMB.telefoneSelecionado.ddd}" />
						</h:panelGrid>
						<h:panelGrid>
							<h:outputLabel value="Telefone:" />
							<p:inputMask mask="9999-9999" disabled="#{entidadeMB.viewState1.enable}"
								value="#{entidadeMB.telefoneSelecionado.telefone}" />
						</h:panelGrid>
						<h:panelGrid>
							<h:outputLabel value="Tipo Telefone:" />
							<p:selectOneMenu style="width: 230px" disabled="#{entidadeMB.viewState1.enable}"
								value="#{entidadeMB.telefoneSelecionado.tipoTelefone.idTipoTelefone}">
								<f:selectItems value="#{entidadeMB.comboTiposTelefone}" />
							</p:selectOneMenu>
						</h:panelGrid>
						<h:panelGrid>
							<h:outputLabel value="Ramal" />
							<p:inputText style="width: 100px;"
								disabled="#{entidadeMB.viewState1.enable}"
								value="#{entidadeMB.telefoneSelecionado.ramal}" />
						</h:panelGrid>
						<h:panelGrid columns="2">
							<p:selectBooleanCheckbox disabled="#{entidadeMB.viewState1.enable}"
								value="#{entidadeMB.telefoneSelecionado.principal}" />
							<h:outputLabel value="Principal" />
						</h:panelGrid>
						<h:panelGrid columns="2">
							<p:selectBooleanCheckbox disabled="#{entidadeMB.viewState1.enable}"
								value="#{entidadeMB.telefoneSelecionado.ativo}" />
							<h:outputLabel value="Ativo" />
						</h:panelGrid>
					</h:panelGrid>

			
				<h:panelGrid id="acoesTel" columns="4">
					<p:commandButton value="Adicionar" image="cmdAdicionar"
						actionListener="#{entidadeMB.novoTelefone}"
						update="telefoneCampos,acoesTel" disabled="#{entidadeMB.viewState1.cmdAdicionarDisable}" />
					<p:commandButton id="cmdAlterarTel" value="Alterar"
						image="cmdAlterar" disabled="#{entidadeMB.viewState1.cmdAlterarDisable}"
						update="telefoneCampos,acoesTel"
						actionListener="#{entidadeMB.alterarTelefone}" />
					<p:commandButton value="Excluir" image="cmdExcluir" update="telefoneCampos,lstTelefones,msgs"
						disabled="#{entidadeMB.viewState1.cmdExcluirdDisable}" actionListener="#{entidadeMB.excluirTel}"
						onclick="if(!confirm('Deseja realmente remover este telefone?')) {return false;}" />
					<p:commandButton value="Gravar" image="cmdGravar"
						update="telefoneCampos,acoesTel,lstTelefones,msgs"
						 disabled="#{entidadeMB.viewState1.cmdGravarDisable}"
						actionListener="#{entidadeMB.salvarTel}" />
				</h:panelGrid>
	 </p:outputPanel>

			</p:tab>
			<p:tab title="Endereços">
				<h:panelGrid id="listaEnderecos">
					<p:dataTable id="lstEnderecos" var="endereco"
						value="#{entidadeMB.listaEnderecos}" scrollable="true"
						scrollWidth="470" selectionMode="single" scrollHeight="110">

						<p:ajax event="rowSelect"
							listener="#{entidadeMB.onRowSelectEndereco}"
							update="dialogEndereco" />

						<p:column headerText="Código">
							<h:outputText value="#{endereco.idEndereco}" />
						</p:column>

						<p:column headerText="Complemento">
							<h:outputText value="#{endereco.complemento}" />
						</p:column>

						<p:column filterBy="#{endereco.tipoEndereco.nomeTipoEndereco}"
							headerText="Tipo Endereço">
							<h:outputText value="#{endereco.tipoEndereco.nomeTipoEndereco}" />
						</p:column>

						<p:column headerText="Recebe Correspondência">
							<p:selectBooleanCheckbox value="#{endereco.recebeCorrespondecia}" />
						</p:column>

						<p:column headerText="Ativo">
							<p:selectBooleanCheckbox value="#{endereco.ativo}" />
						</p:column>



					</p:dataTable>
				</h:panelGrid>

			</p:tab>
			<p:tab title="Eventos">
				<p:dataTable id="lstEventos" var="evento"
					value="#{entidadeMB.listaEventos}" dblClickSelect="true"
					emptyMessage="Não existe eventos nesse período/Filtro"
					selectionMode="single">

					<p:column headerText="Código" rendered="false">
						<h:outputText value="#{evento.idEvento}" />
					</p:column>
					<p:column headerText="Dt. Criação" sortBy="#{evento.dataOrigem}">
						<h:outputText value="#{evento.dataOrigem}">
							<f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss" />
						</h:outputText>
					</p:column>
					<p:column headerText="Cliente" sortBy="#{evento.cliente}">
						<h:outputText value="#{evento.cliente}" />
					</p:column>
					<p:column headerText="Motivo" sortBy="#{evento.nomeMotivo}">
						<h:outputText value="#{evento.nomeMotivo}" />
					</p:column>
					<p:column headerText="Status" sortBy="#{evento.nomeStatus}">
						<h:outputText value="#{evento.nomeStatus}" />
					</p:column>
					<p:column headerText="Dt. prevista" sortBy="#{evento.dataPrevista}">
						<h:outputText value="#{evento.dataPrevista}">
							<f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss" />
						</h:outputText>
					</p:column>
					<p:column headerText="Dt. resolvido"
						sortBy="#{evento.dataResolvida}">
						<h:outputText value="#{evento.dataResolvida}">
							<f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss" />
						</h:outputText>
					</p:column>
					<p:column headerText="Destino">
						<h:outputText value="#{evento.nomeDestino}" />
					</p:column>
					<p:column headerText="Criador">
						<h:outputText value="#{evento.nomeCriador}" />
					</p:column>
				</p:dataTable>


			</p:tab>
			<p:tab title="Questionários">
			</p:tab>
		</p:tabView>


	</h:form>
</ui:composition>